<template>
  <div>
    <!-- 添加输入框 -->
    <van-cell-group>
      <van-field placeholder="请输入商品名称" v-model="value" />
    </van-cell-group>
    <!-- 添加商品按钮 -->
    <van-button type="info" size="large" @click="butAdd">添加商品</van-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: ''
    }
  },
  methods: {
    // 商品按钮添加点击事件，判断value值
    async butAdd() {
      if (this.value !== '') {
        console.log(312)
      } else {
        // 顶部消息提示
        this.$notify('请输入商品')
      }
      // 获取后台添加商品参数
      const { data: res } = await this.$http.post('api/addproduct')
      if (res.status !== 1) {
        return alert('添加商品失败！')
      }
      // console.log(res.message)
    }
  }
}
</script>
<style lang="css" scoped>
div {
  margin: 0 5px;
}
.van-button {
  margin-top: 20px;
  height: 42px;
  line-height: 21px;
}
</style>
